右クリックメニューの使用を禁止する
ホームページに掲載されている画像をダウンロードする場合など、ホームページの閲覧に右クリックメニューが使用されるケースはよくあります。しかし、「できるだけ右クリックメニューを使ってほしくない」と考えている人もいるでしょう。このような場合は、右クリックメニューの使用を禁止します。完璧な手法ではないものの、多少の効果は見込めると思いますよ。

→ 画像上での右クリックの使用を禁止する
 
まずは、画像上における右クリックメニューの使用を禁止する方法を紹介します。右クリックの検出には、oncontextmenuイベントを利用します。そして、その動作を"return false"、すなわち無効にしてやることで右クリックメニューの使用を禁止します。特定の画像だけ右クリックメニューの使用を禁止する場合は、「IMG」タグに「oncontextmenu="return false"」という記述を追加してやればOKです。
<HTML>
<HEAD>
  <TITLE>初めてのホームページ作成</TITLE>
</HEAD>

<BODY>
以下の画像を右クリックしてみてください。<BR>
一方の画像だけ右クリックメニューが表示されないように設定されています。<BR>

<IMG src="img01.jpg">
<IMG src="img02.jpg" oncontextmenu="return false">

</BODY>

</HTML>


→ ページ全体で右クリックの使用を禁止する
 
ページ全体について右クリックメニューを禁止することも可能です。この場合は、「BODY」タグに「oncontextmenu="return false"」という記述を追加します。すると、画像上でも、文字上でも、余白上でも、ページ内のあらゆる所で右クリックメニューが使用不可になります。
<HTML>
<HEAD>
  <TITLE>初めてのホームページ作成</TITLE>
</HEAD>

<BODY oncontextmenu="return false">
このページは、ページ全体で右クリックメニューの使用が禁止されています。<BR>
申し訳ありませんが、ご了承ください。<BR>

<IMG src="img01.jpg">
<IMG src="img02.jpg">

</BODY>

</HTML>


→ 「右クリック禁止」のメッセージを表示する
 
これまでの解説で、右クリックメニューを禁止する方法はマスターできたと思います。しかし、これだけでは少し不親切なホームページとなってしまいます。もしかすると、「なんで右クリックメニューが表示されないのだろう？　ブラウザに不具合がおきたかな？」と考える訪問者がいるかもしれません。このようなケースに備えて、右クリックした際に「右クリック禁止」を示すメッセージを表示するように指定しておきましょう。このような指定は、oncontextmenuイベントにalertを追加すれば実行できます。
<HTML>
<HEAD>
  <TITLE>初めてのホームページ作成</TITLE>
</HEAD>

<BODY>
以下の画像を右クリックしてみてください。<BR>
一方の画像だけ右クリックメニューが表示されないように設定されています。<BR>

<IMG src="img01.jpg">
<IMG src="img02.jpg" oncontextmenu="alert('申し訳ありません。この画像は右クリック禁止です。');return false">

</BODY>

</HTML>


�y�V���o�C��[UNLIMIT��������1�~] EC�i�r���|�C���� Yahoo �y�V LINE���f�[�^�����[�������z500�~�`�I


�����z�[���y�[�W �������N���W�b�g�J�[�h �C�O�i���q���� �����������O�~�y�������������z �C�O���s�����������I �C�O�z�e��